<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首页</title>
<style type="text/css">
* {
    margin: 0;
    padding: 0
}

.from {
    overflow: hidden;
    position: relative;
}

.bgc {
    width: 100%;
}

.submit {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    margin-top: 150px;
    width: 500px;
    height: 500px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    color: #fff;
    display: flex;
    flex-direction: column;
}

.form_title1 {
	align:center;
	position:absolute;
    margin-top: 100px;
    margin-left:150px;
    font-size: 30px;
    background: #b0c4de;
}

.form_title2 {
	align:center;
	position:absolute;
    margin-top: 250px;
    margin-left: 200px;
    font-size: 30px;
    background: #b0c4de;
}

</style>
</head>
<body>
	<div class = "from">
		<img class="bgc" src="ffr2.jpg" alt="">
		<div class="submit">
		<center><h1><font color="blue" weight="900">欢迎来到名片管理系统！</font></h1></center>
		<div>
				<a href="adminlogin.jsp"><button class="form_title1">系统管理员登录</button></a>
		</div>
		<div>
				<a href="login.jsp"><button class="form_title2">用户登录</button></a>
		</div>
		</div>
	</div>
	
</body>
</html>